// 修改vant默认样式
@import './mixin.scss';
/**
 * 自定义class 全屏居中的loading
 **/
.middle-loading{
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  .van-loading__text{
    color: #fff;
  }
}
.van-uploader{
  .van-uploader__upload{
    border:0;
    border-radius:4px;
    background:#f1f1f1;
  }
  .van-uploader__upload-icon{
    font-size:46px;
    color: #cacaca;
  }
}
//vant列表
.van-list{
  .van-list__error-text, .van-list__finished-text, .van-list__loading,.van-loading__text{
    font-size:24px;
  }
}
.van-swipe__track {
  width: 100%;
}

//vant商品卡片
.app-wrapper{
  .van-card{
    padding: 24px;
    border-radius: 20px;
    color:#333;
    background:#fff;
    .van-card__thumb{
      width:160px;
      height:160px;
      margin-right:20px;
      img{
        border-radius:10px;
        object-fit:initial!important;
      }
      .van-image__error{
        background:url("https://img.wifenxiao.com/h5-wfx/images/default_goods_img.jpg") no-repeat;
        background-size:100% 100%;
        .van-icon,.van-icon::before{
          display:none;
        }
      }
    }
    .van-card__content{
      min-height:80px;
    }
    .van-card__title{
      max-height: 64px;
      margin-bottom: 6px;
      font-weight: 400;
      @include lineClamp(24px,32px,2)
    }
    .van-card__desc{
      max-height:32px;
      line-height:32px;
      font-size: 22px;
      color: #999;
    }
    .van-card__bottom{
      margin-top:4px;
    }
    .van-card__price{
      font-family: Gilroy-Regular;
      color: #F20B22;
      em{
        font-size: 32px;
      }
    }
  }
}

//vant日期时间
.van-picker{
  .van-picker__cancel,.van-picker__confirm{
    color:#F20B22;
  }
}

//vant通用确定弹框
#app{
  .van-overlay{
    background:rgba(0,0,0,.5);
  }
  // .van-dialog{
  //   width:640px;
  // }
}
.van-dialog{
  &.common-confirm{
    width: 600px;
    background: #fff;
    border-radius:20px;
    // border: 1px solid #6e6d6d;
    .van-dialog__message{
      padding: 70px 0;
      text-align: center;
      font-size: 32px;
      color: #333333;
      line-height: 40px;
    }
    .van-button--large{
      height:90px;
      line-height:90px;
    }
    .van-dialog__footer{
      font-weight:bold;
    }
    .van-dialog__cancel{
      border-top: 1px solid #EDEDED;
      background: #fff;
      font-size: 28px;
      color: #333;
    }
    .van-dialog__confirm{
      border-top: 1px solid #EDEDED;
      font-size: 28px;
      color:#F20B22;
    }
    .van-button--large{
      height: 96px;
      line-height: 96px;
    }
  }
  .dialog-custom-btn{
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    border-top:1px solid #EDEDED;
    .btn{
      flex:1;
      width: 100%;
      height: 100px;
      line-height: 96px;
      font-size: 28px;
      // font-weight: bold;
      text-align:center;
      color:#333;
      border-left:1px solid #EDEDED;
      &:first-child{
        border-left:0;
      }
      &.confirm-btn{
        color:#F20B22;
      }
    }
  }
}

// 按钮样式
.app-wrapper{
  .van-button{
    line-height: 1.5;
  }
  .van-button--normal{
    padding: 0;
  }
}

/**
 * 瀑布流 插件的样式
 **/
.vue-waterfall-easy-container{
  .vue-waterfall-easy{
    .over{
      padding: 10px 0;
    }
    //图片失败时使用默认
    .__err__{
      .img-inner-box{
        &.alink{
          .img-wraper{
            background:url("https://img.wifenxiao.com/h5-wfx/images/default_goods_img.jpg") no-repeat;
            background-size:100% 100%;
          }
        }
      }
    }
  }
}
// .alink.img-wraper{
//   width: auto!important;
// }
